<template>
    <div>
      <h1>首页</h1>
      <h1>来自store的问候:{{$store.state.name}}</h1>
      <h1>来自store的问候:{{state.name}}</h1>
      <button @click="add">number 的值是：{{number}}</button>
      <h3>count的值是：{{$store.state.count}}</h3>
    </div>
  </template>
  <script>
    import { ref,onMounted } from "vue";
    import { useStore } from "vuex";
    export default{
      serup(){
        const store=useStore()
        const state=ref(store.state)
        const number=ref(0)
        const add=()=>{
          number.value=number.value+1
          store.commit('increment')
        }
        onMounted(()=>{
          console.log("number的值是："+number.value)
          console.log("state的值是："+state.name)
        })
        return{
          number,
          add,
          state
        }
      }
    }
  </script>